<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="BaseSkinnedWebPartSamples._Default" %>
<%@ Register TagPrefix="sample" Assembly="BaseSkinnedWebPartSamples" Namespace="BaseSkinnedWebPartSamples" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>Web Part Page</title>
</head>
<body>
  <form id="form1" runat="server">
    <div>
    This is a simple page that demonstrates the usage of skinned web parts.<br />
    To test a simple web part follow the next steps:
    <ul style="list-style-type : decimal;">
        <li>Click "Edit Mode" link to enter into edit mode for web parts</li>
        <li>Click on a small "arrow" link in top right corner of the web part in "WebPartZone1" and select "Edit" option</li>
        <li>Locate "Select a theme" drop down list in "Editor Zone"</li>
        <li>Select "Blue" theme and then select "BaseSkinnedWebPartSample1" skin in "Select a skin" drop down list</li>
        <li>Click on "OK" button and then on "Browse Mode" link to refresh the page and see our web part with a new skin</li>
    </ul>
    
    </div>
    <div>
      <asp:WebPartManager ID="WebPartManager1" runat="server" />
      Set Web Parts display mode:
      <asp:LinkButton ID="Edit" runat="server" OnClick="EditClick">Edit Mode</asp:LinkButton>
      <asp:LinkButton ID="Browse" runat="server" OnClick="BrowseClick">Browse Mode</asp:LinkButton>
    </div>
    <div>
      <table style="width: 100%">
        <tr>
          <td style="width: 100px; height: 100px" valign="top" align="left">
            <asp:WebPartZone ID="WebPartZone1" runat="server">
              <ZoneTemplate>
                <sample:BaseSkinnedWebPartSample1 runat="server" id="SampleWebPart1" />
              </ZoneTemplate>
            </asp:WebPartZone>
          </td>
          <td style="width: 100px; height: 100px" valign="top" align="left">
            <asp:WebPartZone ID="WebPartZone2" runat="server">
              <ZoneTemplate>
              </ZoneTemplate>
            </asp:WebPartZone>
          </td>
          <td style="width: 100px; height: 100px" valign="top" align="left">
            <asp:EditorZone ID="EditorZone1" runat="server">
              <ZoneTemplate>
              </ZoneTemplate>
            </asp:EditorZone>
          </td>
        </tr>
      </table>
    </div>
  </form>
</body>
</html>